function Tab(el,{}){
  this.el=document.querySelector(el)
  //启动插件
  this.init()
}

Tab.prototype.init=function(){
  this.headerOver()

  this.SynchronizeContent(0) 
}


// 标题的移入移出
Tab.prototype.headerOver=function(){
  // 首先获取所有ul里面的；li
let ulLiObjs=this.el.querySelectorAll('ul li')
// 遍历
ulLiObjs.forEach((item,index)=>{
// 绑定移入事件
item.onmouseover=()=>{
  ulLiObjs.forEach(item2=>{
    item2.className=''
  })
  ulLiObjs[index].className='active'
  this.SynchronizeContent(index) 
}
})
}


Tab.prototype.SynchronizeContent=function(index){
  // 获取ol里面所有的li标签
  let olLiObjs=this.el.querySelectorAll('ol li')
  olLiObjs.forEach(item=>{
    item.className=''
  })
olLiObjs[index].className='active'
} 
















